У меня сейчас следующий код. Я пытаюсь выровнять второй, третий и четвертый элементы «li» по вертикали -по середине панели навигации. Первое «ли» — это изображение, а второе -четвертое — весь текст.
Вот его скриншот.
http://i49.tinypic.com/bfesl3.png
Я пытался использовать «вертикальное -выравнивание :по середине» и отступы. Обратите внимание, что второй, третий и четвертый элементы «li» выглядят вертикально -выровненными по середине, если просматривать их в Firefox, но не в других браузерах.
Вот код, который у меня есть.
`
Код CSS:
.nav {
list-style-type:none;
padding-left:0;
margin-left:0;
font-family:DinC;
padding-bottom:5px;
background-color: #000000;
border-radius:5px;
height:35px;
}
.navlinkimages {
float:right;
padding-top:5px;
}
.nav li {
display:inline;
vertical-align:middle;
}
ul.nav a:hover {
color:#FA4B2A;
}
.nav li img {
vertical-align:middle;
}
ul.nav a{
text-decoration:none;
margin-right:27px;
color:#FFFFFF;
}
Есть ли способ сделать его вертикально -выровненным во всех браузерах?
Спасибо!